
{namespace esn.soy.networkSurveySection}

/**
 * @param PossibleAnswers Possible answers for this network survey section.
 */
{template .content}
<div class="esnNetworkSurveySection">
  <table>
    <tr>
      <td rowspan="2" width="33%">
        <div class="networkTitle friendListTitle">
          Your Network
        </div>
        <div class="friendsContainer friendListContainer"></div>
      </td>
      <td rowspan="2" style="vertical-align: middle;">
        <img src="/static/images/large-arrow.png" width="25px">
      </td>
      <td width="33%">
        <div class="friendListTitle">1. {$PossibleAnswers[0]}</div>
        <div class="answerOneContainer answerContainer friendListContainer"></div>
      </td>
      <td width="33%">
        <div class="friendListTitle">2. {$PossibleAnswers[1]}</div>
        <div class="answerTwoContainer answerContainer friendListContainer"></div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="friendListTitle">3. {$PossibleAnswers[2]}</div>
        <div class="answerThreeContainer answerContainer friendListContainer"></div>
      </td>
      <td>
        <div class="friendListTitle">4. {$PossibleAnswers[3]}</div>
        <div class="answerFourContainer answerContainer friendListContainer"></div>
      </td>
    </tr>
  </table>
</div>
{/template}
